<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加用户</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-theme.min.css">
</head>
<body>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">后台管理系统</a>
        </div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">用户管理</a></li>
            <li><a href="productlist.html">商品管理</a></li>
            <li><a href="../首页商品展示/home.html">回到首页</a></li>
        </ul>
    </div>
  </nav>

    <div class="container">
        <h2>用户管理 &gt; 添加用户</h2>
        <form class="form-horizontal">
            <div class="form-group">
                <label for="username" class="col-sm-2 control-label">用户名:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="username" placeholder="请输入用户名">
                </div>
            </div>
            <div class="form-group">
                <label for="password" class="col-sm-2 control-label">密码:</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" id="password" placeholder="大于六个数字或字母">
                </div>
            </div>
            <div class="form-group">
                <label for="nickname" class="col-sm-2 control-label">昵称:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="nickname" placeholder="请输入昵称">
                </div>
            </div>
            <div class="form-group">
                <label for="phone" class="col-sm-2 control-label">手机号:</label>
                <div class="col-sm-10">
                    <input type="tel" class="form-control" id="phone" placeholder="请输入手机号">
                </div>
            </div>
            <div class="form-group">
                <label for="email" class="col-sm-2 control-label">邮箱:</label>
                <div class="col-sm-10">
                    <input type="email" class="form-control" id="email" placeholder="请输入邮箱">
                </div>
            </div>
            <div class="form-group">
                <label for="user-type" class="col-sm-2 control-label">用户类型:</label>
                <div class="col-sm-10">
                    <select class="form-control" id="user-type">
                        <option>普通会员</option>
                        <option>管理员</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-primary">保存</button>
                    <button type="reset" class="btn btn-default">清空</button>
                </div>
            </div>
        </form>
    </div>

    <div class="container">
      <h2>已添加的用户</h2>
      <table class="table">
          <thead>
              <tr>
                  <th>用户名</th>
                  <th>昵称</th>
                  <th>手机号</th>
                  <th>邮箱</th>
                  <th>用户类型</th>
                  <th>操作</th>
              </tr>
          </thead>
          <tbody id="user-list">
          </tbody>
      </table>
  </div>

    <footer class="footer">
        <div class="container">
            <p class="text-muted text-center">Copyright © 2004 - 2040 www.365buyer.com 版权所有 某某电子商务有限公司，通信地址：大连市旅顺口区15042390098</p>
        </div>
    </footer>

    <script src="../jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../JS/userlist.js"></script>
</body>
</html>